<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-8 col-sm-10 col-md-10 embed_header_title text-center">话题海报</div>
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn sidePanelDrawer" title="版块主页"><i class="ico mdi mdi-menu"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="container" id="poster-page" *ngIf="topic">
      <div id="poster">
          <app-threads-poster-cover-embed [threads]="topic.id"></app-threads-poster-cover-embed>
          <div id="poster-body">
              <article>
                  <h5>{{topic.title}}</h5>
                  <div id="body-detail" class="d-none d-sm-block">{{topic.summary}}</div>
              </article>
              <div id="poster-footer" class="row">
                  <div class="col-7 col-sm-6 col-md-6">
                      <div>
                          <div class="table-cell-auto" *ngIf="topic.member">
                            <app-member-avatar [uid]="topic.member" [scale]="64"></app-member-avatar>
                          </div>
                          <div class="table-cell-auto pl10" style="vertical-align: middle">
                              <ul class="list-unstyled" *ngIf="(profile$|async)as mp">
                                  <li><a href="/member/{{topic.member}}.xhtml">{{topic.nickname}}</a></li>
                                  <li>{{mp?.level}}</li>
                                  <li>{{mp?.levelNo}}级</li>
                              </ul>
                          </div>
                      </div>
                  </div>
                  <div class="col-5 col-sm-6 col-md-6 text-center" *ngIf="topic.link"><qr-code [value]="topic.link" size="90"></qr-code></div>
              </div>
          </div>
      </div>
    </div>
</div>
<footer class="container-fluid main-color" id="embed_page_footer">
    <div class="row">
        <div class="col-4 col-sm-4 col-md-4 text-center"><a id="poster-share-action" href="javascript:;" role="button" data-acctip="false" title="分享海报"><i class="ico mdi mdi-share"><span class="d-none d-sm-inline"> &nbsp;分享</span></i></a></div>
        <div class="col-4 col-sm-4 col-md-4 text-center"><a href="javascript:;" role="button" data-acctip="false" title="下载海报"><i class="ico mdi mdi-download"></i><span class="d-none d-sm-inline"> &nbsp;下载</span></a></div>
        <div class="col-4 col-sm-4 col-md-4 text-center"><a href="{{topic?.link}}" role="button" data-acctip="false" title="返回话题"><i class="ico-sm mdi mdi-looks"></i><span class="d-none d-sm-inline"> &nbsp;话题</span></a></div>
    </div>
</footer>